
/*

Theme Name: Ino-desing
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

-------------------------------------------------------------- */

body{margin:0;padding:0 0 12px 0;font-size:12px;line-height:22px;font-family:"宋体","Arial Narrow",HELVETICA;background:#fff;}
form,ul,li,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}input,select{font-size:12px;line-height:16px;}img{border:0;}ul,li{list-style-type:none;}
table{border: none;}
/*去掉ie的虚线框*/
a{ blr: expression(this.onFocus=this.blur()); }
/* =Structure
-------------------------------------------------------------- */
/* The main theme structure */
.group,.clear{*zoom:1}
.group:after,.clear:after{content:'\20';display:block;clear:both;height:0}
#wrapper {
    background: #fff;
}

#main{
    border-top:2px solid #4d4d4d;
}

/* =Global Elements

-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */


body {

    background: #4b4b4b;

}

body,

input,

textarea {

    color: #666;

    font-size: 12px;

    line-height: 18px;

}

hr {

    background-color: #e7e7e7;

    border: 0;

    clear: both;

    height: 1px;

    margin-bottom: 18px;

}
a{
    text-decoration: none;
    color: #666;
}

a:hover{
    color:#A18F61;
}

/* Text meant only for screen readers */

.screen-reader-text {
    position: absolute;
    left: -9000px;
}





/* =Header

-------------------------------------------------------------- */

#header{
    background: #4d4d4d;
    border-bottom:2px solid #fff;
    height: 110px;
}

#header-content{
    z-index: 100;
    position: relative;
    width: 1200px;
    margin:0 auto;
}




#logo{
    position: relative;
    display: block;
    top:35px;
    left: 80px;

}

.breadcrumbs{
    border-bottom: 1px dotted #ccc;
    padding:5px;
}

.breadcrumbs a{
    text-decoration: none;
    color:#646464;

}

.breadcrumbs a:hover{
    text-decoration: underline;
    color:#A18F61;
}


/*导航开始*/

#nav{position:relative;width: 760px;height: 50px;padding:0;z-index:99999;left:440px;top:-10px;}

.menu-item a{float:left;height:50px;width:101px;display: block;background: url(images/nav_bg.jpg) no-repeat 0 0;
    text-indent: -9999px;
}

.menu-item{float: left;height:50px;display: block;position:relative;}

.menu-item a:hover{
    height:50px;
    background: url(images/nav_bg.jpg) no-repeat 0 0;
}


#nav #menu-item-68 a{
    width: 118px;
    background-position: 0px 0px;
}

#nav #menu-item-286 a{background-position: -118px 0px;}

#nav #menu-item-286 a:hover{background-position: -118px -50px;}

#nav #menu-item-818 a{background-position: -219px 0px;}

#nav #menu-item-818 a:hover{background-position: -219px -50px;}

#nav #menu-item-294 a{background-position: -320px 0px;}

#nav #menu-item-294 a:hover{background-position: -320px -50px;}

#nav #menu-item-307 a {background-position: -421px 0px;}

#nav #menu-item-307 a:hover{background-position: -421px -50px;}

#nav #menu-item-475 a{background-position: -522px 0px;}

#nav #menu-item-475 a:hover{background-position: -522px -50px;}

#nav #menu-item-187 a{width: 133px;background-position: -623px 0px;}

#nav #menu-item-187 a:hover{width: 133px;background-position: -623px -50px;}


/* submenu, it's hidden by default */

.sub-menu{position:absolute;padding:0 0 10px 0;width:100%;display:none;top:80%; left:0;z-index: 999999;
    background: url(images/sub_nav_bg.png) no-repeat left bottom;margin-top: 3px;}

.sub-menu li{float:none;height:25px;width:100px;background:url(images/withe_arrow.png) no-repeat 10px 13px;
    padding-left: 5px;}

.sub-menu li a,.sub-menu li a:hover{float:none;height:20px;text-indent:0px;width:auto;padding-left:15px;display: block;background:none;}

.sub-menu  li{position: relative;}


/* display block will make the link fill the whole area of LI */

.sub-menu a{
    display:block;
    height:15px;
    padding: 8px 5px;
    color: #fff;
}



#nav ul li a{
    text-decoration:none;
}


/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */

.sub-menu li a,.sub-menu li a:hover{_padding:0px 0px 0px 10px;_margin:7px 0px 0px 0px;}

.sub-menu li{_border-bottom: 1px solid #ccc;_width:90px;_padding-left: 10px;}

.sub-menu{ _background: url(images/sub_nav_bgie6.png) no-repeat left bottom;}

/*导航结束*/

/*end of head*/

/*home*/

#case-main{
    width: 1200px;
    height: 530px;
    position: relative;
    margin:0 auto;
}

#home-main{
    height: 590px;
    *height:595px;
    width: 1200px;
    position: relative;
    margin:0 auto;
}

#index-main{
    width: 1200px;
    position: relative;
    margin:0 auto;
}


#ino-different{
    position: relative;
    left:80px;
    top:56px;
}



#home-desc{
    width:400px;
    position: relative;
    left:80px;
    top:130px;
}



#home-desc h3{
    text-indent: 0;
    font-family: "微软雅黑";
    font-size:16px;
    color: #A18F61;
    font-weight:bold;
    margin-bottom: 10px;
}



#home-desc .en-title{
    text-indent: 0;
    font-family: "微软雅黑";
    font-size: 13px;
    color: #000;
}



#home-desc p{
    margin:0px 0px 20px 0px;
    color: #292929;
    font-family: 微软雅黑;
    font-size: 14px;
}

#home-desc a{
    color: #A18F61;;
}

#home-desc p{
    color: #292929;
}

#home-silder{
    width: 648px;
    height: 473px;
    float: right;
    margin-top: 5px;
    position: relative;
}

#home-col-left{
    float: left;
    position: relative;
}

.slideshow{
    position: relative;
}

.slideshow p{
    height:50px;
    padding-left: 18px;
    background: url(images/project_trend_list.png) no-repeat 0 5px;
    position: absolute;
    top:0px;
    left: 18px;
    display: none;
}
/*end home*/




/* footer begin */

#footer{
    background-color:#4b4b4b;
    width:100%;
    height:40px;
    color:#D8D8D8;
    float:left;
    clear:both;
    text-align: center;
    padding-top: 20px;
}

#footer-content{
    width: 1200px;
    margin:0 auto;
}

#copyright{
    color: #d7d7d7;
    font-size: 13px;
    font-family: "微软雅黑";
}
#copyright strong{
    font-size: 14px;
            }

#weibo-link{
}



#footer-widget{

    float:right;

}



#footer-widget ul li{

    float: left;

    margin-:10px;

}



.WPSNS_ul{

    float:right;

    margin:10px 30px;

    width:280px;

}



/*end footer*/





/* The Nivo Slider styles */

.nivoSlider {

    position:relative;

}

.nivoSlider img {

    position:absolute;

    top:0px;

    left:0px;

}

/* If an image is wrapped in a link */

.nivoSlider a.nivo-imageLink {

    position:absolute;

    top:0px;

    left:0px;

    width:100%;

    height:100%;

    border:0;

    padding:0;

    margin:0;

    z-index:6;

    display:none;

}

/* The slices and boxes in the Slider */

.nivo-slice {

    display:block;

    position:absolute;

    z-index:5;

    height:100%;

}

.nivo-box {

    display:block;

    position:absolute;

    z-index:5;

}

/* Caption styles */

.nivo-caption {

    position:absolute;

    left:0px;

    bottom:0px;

    background:#000;

    color:#fff;

    opacity:0.8; /* Overridden by captionOpacity setting */

    width:100%;

    z-index:8;

}

.nivo-caption p {

    padding:5px;

    margin:0;

}

.nivo-caption a {

    display:inline !important;

}

.nivo-html-caption {

    display:none;

}

/* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a {

    position:absolute;

    top:45%;

    z-index:9;

    cursor:pointer;

}

.nivo-prevNav {

    left:0px;

}

.nivo-nextNav {

    right:0px;

}

/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav a {

    position:relative;

    z-index:9;

    cursor:pointer;

}

.nivo-controlNav a.active {

    font-weight:bold;

}







/* nivo theme */

/*

Skin Name: Nivo Slider Default Theme

Skin URI: http://nivo.dev7studios.com

Skin Type: flexible

Description: The default skin for the Nivo Slider.

Version: 1.0

Author: Gilbert Pellegrom

Author URI: http://dev7studios.com

*/



.theme-default .nivoSlider {

    position:relative;

    background:#fff url(images/loading.gif) no-repeat 50% 50%;

    margin-bottom:50px;

    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;

    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;

    box-shadow: 0px 1px 5px 0px #4a4a4a;

}

.theme-default .nivoSlider img {

    position:absolute;

    top:0px;

    left:0px;

    display:none;

}

.theme-default .nivoSlider a {

    border:0;

    display:block;

}



.theme-default .nivo-controlNav {

    position:absolute;

    right:0px;

    bottom:-27px;

    margin-left:-40px; /* Tweak this to center bullets */

}

.theme-default .nivo-controlNav a {

    display:block;

    width:22px;

    height:22px;

    background:url(images/bullets.png) no-repeat;

    text-indent:-9999px;

    border:0;

    margin-right:3px;

    float:left;

}

.theme-default .nivo-controlNav a.active {

    background-position:0 -22px;

}



.theme-default .nivo-directionNav a {

    display:block;

    width:30px;

    height:30px;

    background:url(images/arrows.png) no-repeat;

    text-indent:-9999px;

    border:0;

}

.theme-default a.nivo-nextNav {

    background-position:-30px 0;

    right:15px;

}

.theme-default a.nivo-prevNav {

    left:15px;

}



.theme-default .nivo-caption {

    font-family: Helvetica, Arial, sans-serif;

    text-align:right; /**/

}

.theme-default .nivo-caption a {

    color:#fff;

    border-bottom:1px dotted #fff;

}

.theme-default .nivo-caption a:hover {

    color:#fff;

}



/*====================*/

/*=== Other Styles ===*/

/*====================*/



.shadow{
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=5);/*for ie6,7,8*/
    background-color: #eee;
    -moz-box-shadow:2px 2px 5px #969696;/*firefox*/
    -webkit-box-shadow:2px 2px 5px #969696;/*webkit*/
    box-shadow:2px 2px 5px #969696;/*opera或ie9*/
}

#news-title{

    background:url(images/index_text_title.png) no-repeat 0px 0px;

}

#news-list{

    list-style-image:url(images/detal.png);

    width:150px;

    height:30px;

}



#news-list li,#projects-list li{

    margin-bottom:10px;

    line-height:16px;

    float:left;

}



.title-list{

    margin:0px 0px 5px 30px;

    color:#fff;

}



.panel-title{

    margin:30px 0px 10px 30px;

    width:80px;

    height:19px;

    color:#d3d5d4;

}



/*news */

#news-category-list{

    margin:20px;

}



#news-category-list li{

    margin:15px;

}



.new-category-list-item{
    list-style-image:url(images/detal.png);

}



.news-category-list-title,.entry-title{

    font-family: "microsoft yahei";

    font-size: 16px;

    line-height: 28px;

    color: #F20000;

    font-weight: bold;

    border-bottom:1px dotted #646464;

    list-style-image:none;

}



#news-category-list a{

    color: #868686;

}



#news-category-list a:hover{

    color: #F20000;

    text-decoration:underline;

}



.news-category-list-more{

    width: 90%;

    text-align: right;

    list-style:none;

}





.yahei-title{

    font-family: "microsoft yahei";

    font-size: 18px;

    line-height: 28px;

    color: #fff;

}



.entry-content{

    text-indent: 2em;

    padding:10px;

    color: #000;

}

/*end news*/

/* greet box*/

.greet_block {

    position: absolute;
    left:340px;
    top:150px;
    z-index: 999;
    width:520px;
    height:150px;
    font-family: 微软雅黑;
    padding:10px;
    color: #fff;
    background: url(images/greet_box_bg.png) no-repeat;
}


.greet_block h1{
    width: 100%;
    text-align: center;
    margin: 20px 0;
    color: red;
}



.greet_block h2{
    text-align: left;
    font-size:14px;

}



.greet_block span{
    color: red;
}



.greet_block p{

    text-indent: 2em;

}



/*end of greet box*/





/*类别页开始*/
.projects-cate-contanier{
    width:244px;
    height: 386px;
    float: left;
    margin:5px;
}

.projects-cate-contanier ul{
    height: 346px;
    padding: 0px;
}

.projects-cate-contanier ul li{
    margin:10px;
    text-indent: -9999px;
}

.projects-cate-contanier ul li a{
    color: #fff;

}


#pbg1{
    background: url(images/pbg1.jpg) no-repeat 0 0;
}

#pbg2{
    background: url(images/pbg2.jpg) no-repeat 0 0;
}
#pbg3{
    background: url(images/pbg3.jpg) no-repeat 0 0;
}

#pbg4{
    background: url(images/pbg4.jpg) no-repeat 0 0;
}

/*二级类*/

#page-title{
    margin-top: 20px;
    margin-left: 80px;
}

#sub-cate-page-title h3{
    margin-bottom: 20px;
    font-size: 24px;
    font-family: "微软雅黑";
    color:#A18F61;
}


#sub-cate-projects-list{
    height:480px;
    padding:0 20px;
    margin:0 auto;
    width: 1040px;
}

#sub-cate-projects-list li{
    width:250px;
    height:480px;
    overflow: hidden;
    float: left;
}

#sub-cate-projects-list li div{
    background: #000;
    width:240px;
    height:20px;
    margin-top: -35px;
    padding:5px;
    filter: Alpha(opacity=60);
    -moz-opacity:.6;
    opacity:0.6;
}

#sub-cate-projects-list li div a{
    color: #fff;
}

#sub-cate-projects-list li a{
    color: #fff;
}
/*类别页 结束*/



/*详细页*/



#sigle-main{
    width: 100%;
    min-height: 700px;
    position: relative;
    left:0px;
    top:0px;
    overflow: auto;
}



#single-case-content{
    margin:0 auto 0 auto;
    width: 1200px;
    overflow: hidden;
}

#single-case-content img,.aligncenter{display: block; margin-left: auto; margin-right: auto;
}

#single-case-content a,#single-case-content img{
    display: block;
}

#project-single-bottom{
    width: 1200px;
    height:46px;
   background: url(images/project-single-bottom-bg.png) no-repeat;
    margin-top: -30px;
    position: relative;
}

#project-single-bottom span{color: #fff;}

#single-case-content h3{
    font-size: 14px;font-family: "微软雅黑";padding: 5px;color: #000;
    float: right;margin-right: 40px;
    margin-top: 13px;
}



#single-case-content #nav-below{
    height: 20px;
}



#single-case-content #nav-below .nav-previous{
    float: left;
    padding-left: 10px;
}



#single-case-content #nav-below .nav-next{
    float: right;
    padding-right: 10px;
}



#single-case-content #nav-below a{

    color: #646464;

    font-size: 10px;

    text-decoration: none;

}



#single-case-content #nav-below a:hover{

    color: #A18F61;

    font-size: 10px;

    text-decoration: underline;

}



#single-case-content .case-entry-content{
    width:90%;
    margin:0px  auto 20px auto;
    line-height: 25px;
    border-bottom:1px dotted #ccc;
}



.case-entry-content img{
    padding:5px;
    border:1px solid  #A18F61;
    margin-top: 30px;
}



/*详细页结束*/



/* page */

.m{
    width:1200px;
    margin:0 auto;
}

/*简介，招聘等独立页*/
#page-container{
    margin-top: -80px;
}

#page-colum-left,.page-colum-left{
    float:left;
    width: 405px;
    height:500px;
    background: url(images/ipr.gif) no-repeat 80px bottom;

}

#page-colum-right,.page-colum-right{
    float:right;
    width:730px;
    height:525px;
    padding-left: 50px;
    background: url(images/page-colum-left-bg.gif) repeat-y top left;
}


#page-colum-right h2{
    color:#A18F61;;
    font-size: 28px;
    line-height: 40px;
    font-weight: bold;
}

#page-colum-right h4{
    color:#706F6F;
    font-size: 13px;
    line-height: 20px;
    margin-bottom:10px;
    font-family: Arial;
}

#page-colum-right h3,#cat-page-left h3,#cat-page-right h3{
    color:#A18F61;
    font-family: "微软雅黑";
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    margin-top:10px;
}

.en-title{
    text-indent: 0pt;
    font-family: "微软雅黑";
    font-size: 14px;
    color: #000000;
    font-weight: bold;
}

/* end of page*/

/*团队*/

/*招聘信息*/
#page-join-us-colum-left{
    background: none;
}

#address{
    position: absolute;
    bottom: 40px;
    left: 60px;
}


.news-list{
    font-size: 14px;
    width: 520px;
}

.news-list li{
    border-bottom: 1px dotted #ccc;
    height: 150px;
    width: 90%;
    margin-bottom: 30px;
}

.news-list img{
    float: left;
    width: 140px;
    height: 140px;
}

.news-list .news-list-content{
    float: left;
    margin-left: 20px;
}

.news-list p{
    height: 75px;
    line-height: 20px;
    width: 250px;
}

.news-date a{
    margin-top: 50px;
    float: right;
    color:#A18F61;
}

.news-date span{
    margin-top: 50px;
    float: left;
}


/*end of 新闻分类*/

#post-list-container{
}

#single-post h3{
    margin-bottom: 20px;
    padding: 10px;
    font-family: "微软雅黑";
    font-size:18px;
    color: #A18F61;
    font-weight:bold;
}

#single-post{
    width:960px;
    margin:10px auto;
    height: 600px;
}

#single-post .postmetadata{
    float: right;
}

#single-post-content{
    text-indent: 2em;
    height: 500px;
}

/* 联系我们 */
#page-contact{
    height:560px;
    background: url(images/address-bg.gif) no-repeat 0px 30px;
    width: 600px;
}

#new-category-list{
    margin:10px 0 0 0px;
}

#new-category-list span{
    width:150px;
    text-align:right;
}

#contract-us li{
    height:25px;
    font-family: "微软雅黑";
    font-size:14px;
    line-height:25px;
    color: #575757;
}

#map-contanier a{
    width:84px;
    height:25px;
    position: absolute;
    top:430px;
    right:0px;
    display: block;
    background: url(images/map_link_bg.gif);
}

/*简介*/
.page-text-content{
    position:relative;
    height:330px;
    overflow: auto;
}

/*join-us*/
#page-join-us{
    height:480px;
}

#page-join-us table{
    margin-right: 10px;
    border: none;
}

#page-join-us table thead th{
    border-bottom: 1px dotted #ccc;
    padding-bottom: 10px;
}

#page-join-us table .first-rows td{
    padding-top: 5px;
}

#page-join-us table .last-rows td{
    padding-bottom: 5px;
    border-bottom: 1px dotted #ccc;
}

#page-join-us table .last-rows a{
    width: 60px;
    height: 23px;
    background: url(images/join-us-bt.jpg) no-repeat;
    display: block;
}

.job-title{
    color: #A18F61;
}



/*团队*/
#team-colum-left{
    float:left;
    width: 660px;
    height:435px;
    background: url(images/ipr.gif) no-repeat 70px 320px;
}

#team-colum-right{
    float:left;
    width:400px;
    margin-left: 40px;
    margin-top: -45px;
    height:500px;
    padding-left: 30px;
}


#team-colum-right{
    font-family: "微软雅黑";
    font-size: 13px;
    color: #000;
    font-weight: bold;
    position: relative;
}

#team-colum-right .member-name{
     color:#3d3d3d;
     font-size: 24px;
     line-height: 35px;
     font-family: "微软雅黑";
     margin: 25px 0 10px 0;
     font-weight: normal;
 }

#team-colum-right .en-name{
    font-family: arial;
    color: #4D4D4D;
    font-size: 14px;
}

#team-colum-right .member-honor{
    color:#A18F61;
    font-size: 20px;
    line-height: 30px;
    font-family: "微软雅黑";
    margin-bottom: 10px;
    margin-top: 30px;
}

.member-content{
    font-size: 14px;
    color: #000;
    font-family: "微软雅黑";
}

#team-colum-right .member-avatar{
    float:left;
    top:90px;
    left:-200px;
    position: absolute;
}

#team-list{
    position: relative;
}

#team-list ul{
    width:1200px;
    margin:80px auto 0 auto;
    position: relative;
}

#team-list ul li{
    position: relative;
    /*width:160px;*/
    float: left;
}

#team-list ul li img{
}


#team-list ul li span{
    width:160px;
    text-align: center;
    float: left;
    font-family: "微软雅黑";
    font-size: 12px;
    color: #2c2c2c;
    text-transform:uppercase;
}

#team-list ul li a:hover{
    display: block;
    border-top: 1px solid #fff;
}

.postion-en{
    font-family: arial;
    font-size: 30px;
    color: #1f1f1f;
    line-height: 36px;
}

.postion-zh{
    font-family:"微软雅黑";
    font-size: 24px;
    color: #A18F61;
    line-height: 30px;
}

#team-list-bg{
    width: 1200px;
    height: 127px;
    background: url(images/teams/bg.png) no-repeat 0 0;
    position: absolute;
    top: 295px;
    left: 0px;
    z-index: 99999;
    _background: url(images/teams/bgie6.png) no-repeat 0 0;
}

/*大事记*/

#awards-title{
    width:194px;
    height:64px;
    background: url(images/awards-title.gif) no-repeat;
}

#timeline{
   text-align:center;	
}

#timeline a {
    font-family: 微软雅黑;
    color: #a6a6a6;
    text-decoration: none;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
#timeline a:hover,
#timeline a.selected {
    color: #A18F61;
}


#timeline h1 {
    font-size: 18px;
}
#timeline h2 {
    font-size: 14px;
}
.sociales {
    text-align: center;
    margin-bottom: 20px;
}

#timeline-wrapper{
    padding:20px 0px;
    margin-top: 40px;
}

#timeline {
    width: 800px;
    overflow: hidden;
    margin: 10px auto;
    position: relative;
    background: url('images/dot.gif') left 45px repeat-x;
}
#dates {
    width: 800px;
    height: 60px;
    overflow: hidden;
}
#dates li {
    list-style: none;
    float: left;
    width: 140px;
    height: 50px;
    font-size: 14px;
    text-align: center;
    background: url('images/biggerdot.png') center bottom no-repeat;
}
#dates a {
    line-height: 24px;
    padding-bottom: 10px;
}
#dates .selected {
    font-size: 24px;
}

#issues {
    width: 800px;
    overflow: hidden;
}
#issues li {
    width: 800px;
    list-style: none;
    float: left;
}
#issues li.selected img {
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}
#issues li img {
    margin: 30px auto;
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */
    zoom: 1;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
    -webkit-transform: scale(0.7,0.7);
    -moz-transform: scale(0.7,0.7);
    -o-transform: scale(0.7,0.7);
    -ms-transform: scale(0.7,0.7);
    transform: scale(0.7,0.7);
    padding:3px;
    border: 1px solid #ccc;

}
#issues li span {
   width:600px;
}
#issues li p {
    font-size: 14px;
    margin-right: 70px;
    font-weight: normal;
    line-height: 22px;
    text-indent: 2em;
}

#next,
#prev {
    position: absolute;
    top: 0;
    font-size: 70px;
    top: 100px;
    width: 22px;
    height: 38px;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}
#next:hover,
#prev:hover {
    background-position: 0 -76px;
}
#next {
    right: 0;
    background-image: url('images/next.png');
}
#prev {
    left: 0;
    background-image: url('images/prev.png');
}
#next.disabled,
#prev.disabled {
    opacity: 0.2;
}

/*合作伙伴*/
#post-257 img,#post-255 img{
    border:none;
    margin:10px 20px;
}

#post-257 a,#post-255 a{
    text-decoration: none;

    
}

/*项目服务*/
#services{
    width: 999px;
    *width:1010px;
    margin: 0 auto;
}

#services li{
    float: left;
    width: 329px;
    height: 246px;
    margin:2px;
}

#services li a:hover{
}

/*建筑*/
#page-263-content-wrapper{
    width: 1200px;
    height: 553px;
    background: url(images/service_bg/page263_bg.jpg) no-repeat 0 0;
    margin-top: 4px;
    position: relative;
}

#page-265-content-wrapper{
    width: 1200px;
    height: 553px;
    background: url(images/service_bg/page265_bg.jpg) no-repeat 0 0;
    margin-top: 4px;
    position: relative;
}

#page-710-content-wrapper{
    width: 1200px;
    height: 553px;
    background: url(images/service_bg/page710_bg.jpg) no-repeat 0 0;
    margin-top: 4px;
    position: relative;
}

#page-267-content-wrapper{
    width: 1200px;
    height: 553px;
    background: url(images/service_bg/page267_bg.jpg) no-repeat 0 0;
    margin-top: 4px;
    position: relative;
}

#page-269-content-wrapper{
    width: 1200px;
    height: 553px;
    background: url(images/service_bg/page269_bg.jpg) no-repeat 0 0;
    margin-top: 4px;
    position: relative;
}

#page-272-content-wrapper{
    width: 1200px;
    height: 553px;
    background: url(images/service_bg/page272_bg.jpg) no-repeat 0 0;
    margin-top: 4px;
    position: relative;
}

#page-content{
    margin-left: 770px;
    width: 450px;
    height: 550px;
    margin-top: 0px;
}

/*案例*/

#cat-page-left h3,#cat-page-right h3{
    font-size: 18px;
    line-height: 50px;
}

#cat-page-left{
    float: left;
    height: 520px;
    width: 580px;
}

#cat-page-right{
    width: 580px;
    height: 520px;
    float: right;
}

#cat39-row1{
    height: 540px;
}


.case-table{
    width: 540px;
}

.case-table td{
    padding:5px 0px 5px 0;
    color: #191919;
}

.case-table thead{
    text-align: left;
    font-family: "微软雅黑";
    font-size: 14px;
    line-height: 40px;
    color: #DFDFDF;
    background: #9b9b9b;
    text-indent: 10px;
}

.jing{
    color: #D11111;
}

.case-table .first-col{
    padding-left: 25px;
    background: url(images/case_table_row_bg.gif) no-repeat 0 5px;
}

.case-table-date{
    width: 120px;
}

#favorite-list{
    height: 97px;
    background-color: #2b2b2b;
    margin-top: 5px;
}

#favorite-list{
    display: none;
}


#favorite-list ul li{
    float: left;
    width: 150px;
    height: 80px;
    margin:8px 5px 0 5px;
}


#favorite-list ul li a img{
    display: block;
}


#left-arrow{
    float: left;
}

#right-arrow{
    float: left;
}

/*scroller*/
@charset "utf-8";
/* CSS Document */
/* some custom fonts via google font api */

/* content block 1 */
.page-text-content .customScrollBox{position:relative; height:100%; overflow:hidden;}
.page-text-content .customScrollBox .container{position:relative; /*width:650px;*/top:0;float:left;}

#page-abouts .customScrollBox  .container,#page-join-us .customScrollBox  .container{width:650px}

.page-text-content .customScrollBox .content{clear:both;}
.page-text-content .customScrollBox img{border:5px solid #fff;}
.page-text-content .dragger_container{position:relative; width:1px; height:180px; float:left; margin:40px 0 0 10px; background:#fff;border-right:1px dashed #9e9e9e;cursor:s-resize;}
.page-text-content .dragger{position:absolute; width:10px; height:59px; background:url(images/dragger.gif) no-repeat; text-align:center; line-height:30px; color:#A18F61; overflow:hidden; cursor:pointer;margin-left: -2px;}
.page-text-content .dragger_pressed{position:absolute; width:10px;  height:59px; background:url(images/dragger.gif) no-repeat; text-align:center; line-height:30px; color:#A18F61; overflow:hidden; cursor:s-resize;margin-left: -2px;}
.page-text-content .scrollUpBtn,.page-text-content .scrollDownBtn{position:absolute; display:inline-block; width:14px; height:15px; margin-right:29px; text-decoration:none; right:0; filter:alpha(opacity=20); -moz-opacity:0.20; -khtml-opacity:0.20; opacity:0.20;}
.page-text-content .scrollUpBtn{top:16px; background:url(images/mcs_btnUp.png) center center no-repeat;}
.page-text-content .scrollDownBtn{bottom:8px; background:url(images/mcs_btnDown.png) center center no-repeat;}
.page-text-content .scrollUpBtn:hover,.page-text-content .scrollDownBtn:hover{filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.60; opacity:0.60;}

/*about us*/
#page-abouts .dragger_container{height:330px;margin-top:0px;}
#page-abouts .container{padding-top: 80px;}
/*join-us*/
#page-join-us .dragger_container{height:460px;margin-top:0px;}
#page-join-us .container{padding-top:100px;}
/*项目列表*/
#cat-page-left .dragger_container,#cat-page-right .dragger_container,#news  .dragger_container{height:450px;margin-top: 62px;}

/*service-list*/
#page-263-scroller .dragger_container{height:430px;position:absolute; display:inline-block;right:32px;}
#page-263-scroller .customScrollBox .container{width:1010px;}

/*项目服务*/
#page-content .dragger_container{height: 540px;margin:10px 0 0 10px; }

#single-post-content .dragger_container{height:430px;}
#single-post-content .customScrollBox .container{position:relative; width:940px;top:0;float:left;}
#single-post-content .scrollUpBtn,#single-post-content .scrollDownBtn{ margin-right:0px;}

/*精品*/
#single-favorite-content{height: 540px;margin-top: 5px;width: 1250px;}
#single-favorite-content .dragger_container{height:500px;margin-top: 5px;}
/*滚动内容的宽，可以藉此调整dragger位置*/
#single-favorite-content .customScrollBox .container{position:relative; width:1235px;top:0;float:left;}


/* content block 5 */
#mcs5_container{position:relative; left:0px; top:0px; margin:0; width:650px; height:130px; padding:0 10px;}
#mcs5_container .customScrollBox{position:relative; width:650px; overflow:hidden;}
#mcs5_container .customScrollBox .horWrapper{position:relative; left:0;}
#mcs5_container .customScrollBox .container{position:relative; left:0; display:inline-block; *display:inline;}
#mcs5_container .customScrollBox .content{clear:both;}
#mcs5_container .customScrollBox .content p{padding:5px; margin:0 5px;width:4100px;}
#mcs5_container .customScrollBox .content p img{margin-right:30px;width: 80px; height: 40px;}
#mcs5_container .dragger_container{position:relative; height:0px; width:640px; margin:10px; border-top:1px dashed #9e9e9e;}
#mcs5_container .dragger{position:absolute; width:60px; height:9px; background:#ccc url(images/mcsDraggerHover.png) no-repeat; margin-top:-5px;}
#mcs5_container .dragger_pressed{position:absolute; width:60px; height:9px; background:#ccc url(images/mcsDraggerHover.png) no-repeat; margin-top:-5px;}
#mcs5_container .scrollUpBtn,#mcs5_container .scrollDownBtn{position:absolute; top:-25px; display:inline-block; font-family:Arial,Helvetica,sans-serif; font-size:large; font-weight:normal; color:#C30; margin:8px 5px 0 10px; text-decoration:none;}
#mcs5_container .scrollDownBtn{right:10px;}
#mcs5_container .scrollUpBtn{right:50px;}
#mcs5_container .scrollUpBtn:hover,#mcs5_container .scrollDownBtn:hover{color:#fff;}

/*关于言诺*/
.about-content{
    font-family: "微软雅黑";
    font-size: 12px;
    color: #292929;
}

.abc{
    color: #9D0D0D;
}

.about-list li{
    padding-left: 26px;
    background: url("images/project_trend_list.png") no-repeat 0px 10px;
    line-height: 24px;
}

#partner-list{
    margin-top: 30px;
}


#logo-list li{
    width: 80px;
    height: 40px;
    float: left;
}


/*ie7*/
#royalsider-bg{
    *margin-top: -136px;

}

.greet_block h1{
    *line-height:40px;
}

#case-main{
    *height:560px;
    }

/*滚动精品*/

.jcarousel-skin-tango .jcarousel-direction-rtl {
    direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    height: 97px;
    width: 1150px;
    margin: 0px auto 0 auto;
    padding: 0px 40px;
}


.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    height: 97px;
    width: 1150px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0;
}



.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 33px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(images/prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 33px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(images/next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/*滚动logo*/

.jcarousel-skin-logo .jcarousel-direction-rtl {
    direction: rtl;
}

.jcarousel-skin-logo .jcarousel-container-horizontal {
    margin-top: 10px;
    width: 600px;
    padding: 0px 40px;
}


.jcarousel-skin-logo .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-logo .jcarousel-clip-horizontal {
    width: 600px;
}

.jcarousel-skin-logo .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-logo .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0;
}



.jcarousel-skin-logo .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons logo的按钮
 */
.jcarousel-skin-logo .jcarousel-next-horizontal {
    position: absolute;
    top: 7px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/next-horizontal2.png) no-repeat 0 0;
}

.jcarousel-skin-logo .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(images/prev-horizontal.png);
}

.jcarousel-skin-logo .jcarousel-next-horizontal:hover,
.jcarousel-skin-logo .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-logo .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-logo .jcarousel-next-disabled-horizontal,
.jcarousel-skin-logo .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-logo .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-logo .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-logo .jcarousel-prev-horizontal {
    position: absolute;
    top: 7px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/prev-horizontal2.png) no-repeat 0 0;
}

.jcarousel-skin-logo .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(images/next-horizontal.png);
}

.jcarousel-skin-logo .jcarousel-prev-horizontal:hover,
.jcarousel-skin-logo .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-logo .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-logo .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-logo .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-logo .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-logo .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/*ie6*/
#page-abouts .container{_margin-top:0px;_padding-top: 80px;}
#page-join-us .container{_margin-top:0px;_padding-top: 100px;;}

